<template>
    <div :class="hasMask ? 'loading-mask' : 'loading-page'">
        <div class="loading-dialog">
            <svg class="loading-icon" x="0px" y="0px" viewBox="0 0 150 150"></svg>
            <p class="loading-msg">{{msg || 'Loading'}}</p>
        </div>
    </div>
</template>

<script type="text/javascript">
    export default {
      props: {
        msg: {
          default: '正在加载...',
          type: String
        },
        hasMask: {
          default: false,
          type: Boolean
        }
      }
    }
</script>